<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
    <meta name="renderer" content="webkit">
    <!--国产浏览器高速模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>作业管理系统</title>

    <!-- 公共样式 开始 -->
    <link rel="stylesheet" type="text/css" href="../../css/base.css">
    <link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
    <script type="text/javascript" src="../../framework/jquery-1.11.3.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
    <script type="text/javascript" src="../../layui/layui.js"></script>
    <!-- 滚动条插件 -->
    <link rel="stylesheet" type="text/css" href="../../css/jquery.mCustomScrollbar.css">
    <script src="../../framework/jquery-ui-1.10.4.min.js"></script>
    <script src="../../framework/jquery.mousewheel.min.js"></script>
    <script src="../../framework/jquery.mCustomScrollbar.min.js"></script>
    <script src="../../framework/cframe.js"></script><!-- 仅供所有子页面使用 -->
    <script type="text/javascript" src="../../framework/frameAll.js"></script>
    <!-- 公共样式 结束 -->
</head>

<body>
<div class="cBody">
    <div class="console">
        <!-- form搜索框or添加框 -->
        <form class="layui-form">
        </form>
    </div>
    <!-- 表格 -->
    <table class="layui-hide" id="demo" lay-filter="test"></table>
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-sm" lay-event="edit">批阅</a>
    </script>
    <!-- layUI 分页模块 -->
    <div id="pages"></div>
</div>
<script>
    layui.use(['table', 'form'], function () {
        var table = layui.table,
            form = layui.form;
        var content = hrefByGet('content');

        //总页数大于页码总数
            var tableIns = table.render({
                elem: '#demo',
                height: "full-200",
                method: "get",
                request: {
                    pageName: 'pageNo', //页码的参数名称，默认：page
                    limitName: 'pageSize' //每页数据量的参数名，默认：limit
                },
                where: {
                    action: "notComment",
                    content: content,
                },
                url: '/HwServlet.do', //数据接口
                page: true, //开启分页
                cellMinWidth: 120,
                cols: [
                    [ //表头
                        {title: '序号', type: 'numbers'},
                        {field: 'studentName', title: '姓名'},
                        {field: 'className', title: '班级'},
                        {field: 'submitTime', title: '上传时间'},
                        {field: 'status', title: '文件名',templet: '#download'},
                        {title: '操作', align: 'center', toolbar: '#barDemo', fixed: 'right'}
                    ]
                ]
            });
        form.on('submit(formDemo)', function (data) {
            content = data.field.id;
            tableIns.reload({
                where: {content: content},
                page: {curr: 1}
            });
            return false;
        });
        table.on('tool(test)', function (obj) {
            //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
            var tr = obj.tr; //获得当前行 tr 的 DOM 对象（如果有的话）
            if (layEvent === 'edit') { //编辑
                //do something
                layer.prompt({
                    formType: 2,
                    title: '请输入批阅内容：',
                    value: data.comment,
                    btnAlign: 'c',
                    offset: '100px'
                }, function (value, index, elem) {
                    $.ajax({
                        type: "get",
                        url: "/HwStuServlet.do",
                        data: {
                            action: "update",
                            id: data.id,
                            comment: value
                        },
                        dataType: "json",
                        success: function (text) {
                            if (text.tip) {
                                obj.update({
                                    comment: value,
                                });
                                yesMsg('提交成功！');
                                tableIns.reload({
                                    page: {curr: $(".layui-laypage-skip .layui-input").val()}
                                });
                            } else {
                                noMsg('提交失败！');
                                tableIns.reload({
                                    page: {curr: $(".layui-laypage-skip .layui-input").val()}
                                });
                            }
                        }
                    });
                    layer.close(index);
                });
            }
        });
    });
</script>
<script type="text/javascript">
    function downloadFile(url, title) {
        $.ajax({
            type: "post",
            url: '/HwStuServlet.do',
            data: {
                action: 'downLoadFile',
                url: url,
                title: title,
            },
        })
    }
</script>

<script type="text/html" id="download">
    {{#  if(d.hwStuAttachUrl != null){ }}
    <a href="/HwStuServlet.do?action=downLoadFile&id={{ d.id }}" style="color: #0C78DD">{{ d.status }}</a>
    <!--    <a href="/HwServlet.do?action=downLoadFile&url={{ d.hwAttachUrl }}&title={{ d.hwAttachTitle }}" style="color: #0C78DD">{{ d.title }}</a>-->
    {{#  } else { }}
    <span>{{ d.status }}</span>
    {{#  } }}
</script>

</body>

</html>
